<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>

export default {
  name: 'App'

}
</script>
<style>
@import "assets/css/tailwind.min.css";
html,body{
  font-size: 16px !important;
}
#app{
  background-color: #f7f7f7;
  font-size: 16px;
}

.title-Hidden-one {
  line-height: 38rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.title-Hidden-two {
  -webkit-line-clamp: 2;
}

.title-Hidden-three,
.title-Hidden-two {
  line-height: 35rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.title-Hidden-three {
  -webkit-line-clamp: 3;
}
.title-Hidden-four {
  -webkit-line-clamp: 4;
}
:root {
  --el-color-primary: #409eff;
  --el-color-primary-light-1: #53a8ff;
  --el-color-primary-light-2: #66b1ff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-4: #8cc5ff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-6:#b3d8ff;
}
</style>

